<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 底部 </title>

    @include("frontend/bootstrap/common/css")

    <style>
        .footer-title {
            margin-bottom: 2rem;
            padding-bottom: 1rem;
            border-bottom: 2px solid #eee;
            font-weight: 600;
        }
    </style>
</head>
<body>


<h2 class="footer-title">1. 简约风格底部</h2>
@include("frontend/bootstrap/common/footer1")

<h2 class="footer-title">2. 现代深色风格底部</h2>
@include("frontend/bootstrap/common/footer2")

<h2 class="footer-title">3. 企业风格底部</h2>
@include("frontend/bootstrap/common/footer3")

<h2 class="footer-title">5. 简约紧凑风格底部</h2>
@include("frontend/bootstrap/common/footer")


<h2 class="footer-title">4. 电商风格底部</h2>
@include("frontend/bootstrap/common/footer4")

<!-- 回到顶部按钮 -->
@include("frontend/bootstrap/common/backToTop")


</body>
</html>
